
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>蓝天驾校 - 管理员信息管理系统</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
    <style>
        .layui-layout-admin .layui-header {
            background-color: #409EFF;
        }
        
        .layui-side {
            background-color: #F5F7FA;
        }
        
        .layui-nav {
            background-color: #F5F7FA;
            color: #303133;
        }
        
        .layui-nav-tree .layui-nav-item a {
            color: #303133;
        }
        
        .layui-nav-tree .layui-nav-item a:hover {
            background-color: #E4F2FF;
            color: #409EFF;
        }
        
        .layui-nav-tree .layui-nav-child dd.layui-this, 
        .layui-nav-tree .layui-nav-child dd.layui-this a, 
        .layui-nav-tree .layui-this, 
        .layui-nav-tree .layui-this>a, 
        .layui-nav-tree .layui-this>a:hover {
            background-color: #E4F2FF;
            color: #409EFF;
        }
        
        .layui-nav-tree .layui-nav-bar {
            background-color: #409EFF;
        }
        
        .layui-card-header {
            border-bottom: 1px solid #EBEEF5;
            color: #303133;
            font-weight: 600;
        }
        
        .layui-btn-primary {
            border: 1px solid #EBEEF5;
            color: #606266;
        }
        
        .layui-btn-primary:hover {
            border-color: #409EFF;
            color: #409EFF;
        }
        
        .layui-btn {
            background-color: #409EFF;
        }
        
        .layui-btn-danger {
            background-color: #F56C6C;
        }
        
        .layui-table thead tr {
            background-color: #F5F7FA;
        }
        
        .layui-table th {
            font-weight: 600;
            color: #303133;
        }
        
        .layui-form-checkbox[lay-skin="primary"]:hover i {
            border-color: #409EFF;
        }
        
        .layui-form-checked[lay-skin="primary"] i {
            border-color: #409EFF;
            background-color: #409EFF;
        }
        
        .layui-laypage .layui-laypage-curr .layui-laypage-em {
            background-color: #409EFF;
        }
        
        .layui-input:focus, .layui-textarea:focus {
            border-color: #409EFF !important;
        }
        
        .user-avatar {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin-right: 10px;
        }
        
        .admin-info {
            display: flex;
            align-items: center;
            padding: 15px;
            border-bottom: 1px solid #EBEEF5;
        }
        
        .admin-name {
            color: #303133;
            font-weight: 600;
        }
        
        .admin-role {
            color: #909399;
            font-size: 12px;
        }
        
        .card-stat {
            padding: 20px;
            border-radius: 6px;
            background-color: white;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
        }
        
        .card-stat:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .stat-icon {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #E4F2FF;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #409EFF;
            margin-right: 15px;
        }
        
        .stat-value {
            font-size: 24px;
            font-weight: 600;
            color: #303133;
        }
        
        .stat-title {
            color: #909399;
            font-size: 14px;
        }
        
        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px;
            border-bottom: 1px solid #EBEEF5;
        }
        
        .card-body {
            padding: 15px;
        }
        
        .layui-tab-title li {
            color: #606266;
        }
        
        .layui-tab-title .layui-this {
            color: #409EFF;
        }
        
        .layui-tab-title .layui-this:after {
            border-bottom: 2px solid #409EFF;
        }
        
        .data-empty {
            text-align: center;
            padding: 30px 0;
            color: #909399;
        }
        
        .shortcut-card {
            text-align: center;
            padding: 20px;
            border-radius: 6px;
            background-color: white;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .shortcut-card:hover {
            background-color: #E4F2FF;
            transform: translateY(-5px);
        }
        
        .shortcut-icon {
            font-size: 30px;
            color: #409EFF;
            margin-bottom: 10px;
        }
        
        .todo-item {
            padding: 10px 0;
            border-bottom: 1px solid #EBEEF5;
            display: flex;
            align-items: center;
        }
        
        .todo-item:last-child {
            border-bottom: none;
        }
        
        .todo-checkbox {
            margin-right: 15px;
        }
        
        .todo-content {
            flex: 1;
        }
        
        .todo-title {
            font-weight: 600;
        }
        
        .todo-time {
            font-size: 12px;
            color: #909399;
        }
        
        .calendar-day {
            padding: 5px;
            text-align: center;
            min-height: 80px;
            border: 1px solid #EBEEF5;
            margin: -1px 0 0 -1px;
        }
        
        .calendar-day-header {
            font-weight: 600;
            margin-bottom: 5px;
        }
        
        .calendar-event {
            font-size: 12px;
            background-color: #E4F2FF;
            color: #409EFF;
            border-radius: 3px;
            padding: 2px 4px;
            margin-bottom: 3px;
            cursor: pointer;
        }
        
        .calendar-day.today {
            background-color: #f5faff;
        }
        
        .calendar-day.has-event {
            background-color: #f8fbff;
        }
    </style>
</head>
<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <!-- 顶部导航 -->
        <div class="layui-header">
            <div class="layui-logo">蓝天驾校管理系统</div>
            
            <ul class="layui-nav layui-layout-right" style="background-color: #409EFF;">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-email"></i>
                        <span class="layui-badge-dot"></span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-notice"></i>
                        <span class="layui-badge">3</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="https://picsum.photos/id/1025/200/200" class="layui-nav-img">
                        管理员
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">个人信息</a></dd>
                        <dd><a href="javascript:;">修改密码</a></dd>
                        <hr>
                        <dd><a href="/zrz/daohanglanLayui">退出登录</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        
        <!-- 左侧导航 -->
        <div class="layui-side layui-bg-white">
            <div class="admin-info">
                <img src="https://picsum.photos/id/1025/200/200" class="user-avatar">
                <div>
                    <div class="admin-name">系统管理员</div>
                    <div class="admin-role">超级管理员</div>
                </div>
            </div>
            
            <div class="layui-side-scroll">
                <ul class="layui-nav layui-nav-tree" lay-filter="leftMenu">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;"><i class="layui-icon layui-icon-home"></i> 系统首页</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="layui-icon layui-icon-user"></i> 学员管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" data-url="student-list.html">学员列表</a></dd>
                            <dd><a href="javascript:;" data-url="student-add.html">新增学员</a></dd>
                            <dd><a href="javascript:;" data-url="student-import.html">批量导入</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/zrz/jiaolianXXLayui"><i class="layui-icon layui-icon-user"></i> 教练管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="jiaolianXX.html" data-url="student-list.html">教练列表</a></dd>
                            <dd><a href="jiaolianXX.html" data-url="student-add.html">新增教练</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="layui-icon layui-icon-file"></i> 课程管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" data-url="course-list.html">课程列表</a></dd>
                            <dd><a href="javascript:;" data-url="course-add.html">新增课程</a></dd>
                            <dd><a href="javascript:;" data-url="course-schedule.html">课程安排</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="layui-icon layui-icon-template"></i> 评价管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" data-url="review-list.html">学员评价</a></dd>
                            <dd><a href="javascript:;" data-url="review-analysis.html">评价分析</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/zrz/baomingXXGL"><i class="layui-icon layui-icon-template"></i> 报名信息管理</a>
                        
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="layui-icon layui-icon-set"></i> 系统设置</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" data-url="admin-list.html">管理员列表</a></dd>
                            <dd><a href="javascript:;" data-url="admin-add.html">新增管理员</a></dd>
                            <dd><a href="javascript:;" data-url="system-config.html">系统配置</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        
        <!-- 中间内容区域 -->
        <div class="layui-body" id="content-container">
            <div class="layui-tab layui-tab-brief" lay-filter="content-tabs">
                <ul class="layui-tab-title">
                    <li class="layui-this" data-id="home">系统首页</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="layui-row layui-col-space15">
                            <!-- 欢迎信息 -->
                            <div class="layui-col-md12">
                                <div class="layui-card">
                                    <div class="card-body">
                                        <h3 class="layui-h3">欢迎回来，管理员</h3>
                                        <p>今天是 <span id="current-date"></span>，以下是您的管理概览</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 统计卡片 -->
                            <div class="layui-col-lg3 layui-col-md6 layui-col-sm6 layui-col-xs12">
                                <div class="card-stat">
                                    <div class="stat-icon">
                                        <i class="layui-icon layui-icon-user"></i>
                                    </div>
                                    <div>
                                        <div class="stat-value">2,843</div>
                                        <div class="stat-title">总学员数</div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="layui-col-lg3 layui-col-md6 layui-col-sm6 layui-col-xs12">
                                <div class="card-stat">
                                    <div class="stat-icon">
                                        <i class="layui-icon layui-icon-team"></i>
                                    </div>
                                    <div>
                                        <div class="stat-value">128</div>
                                        <div class="stat-title">教练数量</div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="layui-col-lg3 layui-col-md6 layui-col-sm6 layui-col-xs12">
                                <div class="card-stat">
                                    <div class="stat-icon">
                                        <i class="layui-icon layui-icon-file"></i>
                                    </div>
                                    <div>
                                        <div class="stat-value">1,290</div>
                                        <div class="stat-title">本月报名</div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="layui-col-lg3 layui-col-md6 layui-col-sm6 layui-col-xs12">
                                <div class="card-stat">
                                    <div class="stat-icon">
                                        <i class="layui-icon layui-icon-rate"></i>
                                    </div>
                                    <div>
                                        <div class="stat-value">98.5%</div>
                                        <div class="stat-title">考试通过率</div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 快捷操作 -->
                            <div class="layui-col-md12">
                                <div class="layui-card">
                                    <div class="card-header">
                                        <div>快捷操作</div>
                                    </div>
                                    <div class="card-body">
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="shortcut-card">
                                                    <div class="shortcut-icon">
                                                        <i class="layui-icon layui-icon-add-circle"></i>
                                                    </div>
                                                    <div class="layui-h4">新增学员</div>
                                                    <p class="layui-text-muted">快速录入新学员信息</p>
                                                </div>
                                            </div>
                                            <div class="layui-col-md3">
                                                <div class="shortcut-card">
                                                    <div class="shortcut-icon">
                                                        <i class="layui-icon layui-icon-team"></i>
                                                    </div>
                                                    <div class="layui-h4">分配教练</div>
                                                    <p class="layui-text-muted">为学员安排专属教练</p>
                                                </div>
                                            </div>
                                            <div class="layui-col-md3">
                                                <div class="shortcut-card">
                                                    <div class="shortcut-icon">
                                                        <i class="layui-icon layui-icon-file"></i>
                                                    </div>
                                                    <div class="layui-h4">课程安排</div>
                                                    <p class="layui-text-muted">设置学员课程计划</p>
                                                </div>
                                            </div>
                                            <div class="layui-col-md3">
                                                <div class="shortcut-card">
                                                    <div class="shortcut-icon">
                                                        <i class="layui-icon layui-icon-set"></i>
                                                    </div>
                                                    <div class="layui-h4">系统设置</div>
                                                    <p class="layui-text-muted">配置系统基础信息</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 待办任务和日历 -->
                            <div class="layui-col-md8">
                                <div class="layui-card">
                                    <div class="card-header">
                                        <div>近期活动日历</div>
                                        <div>
                                            <button class="layui-btn layui-btn-sm layui-btn-primary">
                                                <i class="layui-icon layui-icon-prev"></i>
                                            </button>
                                            <span class="layui-badge-rim">2025年5月</span>
                                            <button class="layui-btn layui-btn-sm layui-btn-primary">
                                                <i class="layui-icon layui-icon-next"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="layui-row">
                                            <!-- 星期标题 -->
                                            <div class="layui-col-md1 calendar-day">
                                                <div class="calendar-day-header">日</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">
                                                <div class="calendar-day-header">一</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">
                                                <div class="calendar-day-header">二</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">
                                                <div class="calendar-day-header">三</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">
                                                <div class="calendar-day-header">四</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">
                                                <div class="calendar-day-header">五</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">
                                                <div class="calendar-day-header">六</div>
                                            </div>
                                            
                                            <!-- 日期 -->
                                            <div class="layui-col-md1 calendar-day">28</div>
                                            <div class="layui-col-md1 calendar-day">29</div>
                                            <div class="layui-col-md1 calendar-day">30</div>
                                            <div class="layui-col-md1 calendar-day">1</div>
                                            <div class="layui-col-md1 calendar-day">2</div>
                                            <div class="layui-col-md1 calendar-day">3</div>
                                            <div class="layui-col-md1 calendar-day">4</div>
                                            
                                            <div class="layui-col-md1 calendar-day">5</div>
                                            <div class="layui-col-md1 calendar-day">6</div>
                                            <div class="layui-col-md1 calendar-day">7</div>
                                            <div class="layui-col-md1 calendar-day">8</div>
                                            <div class="layui-col-md1 calendar-day">9</div>
                                            <div class="layui-col-md1 calendar-day has-event">
                                                <div class="calendar-day-header">10</div>
                                                <div class="calendar-event">科目一考试</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">11</div>
                                            
                                            <div class="layui-col-md1 calendar-day">12</div>
                                            <div class="layui-col-md1 calendar-day">13</div>
                                            <div class="layui-col-md1 calendar-day">14</div>
                                            <div class="layui-col-md1 calendar-day">15</div>
                                            <div class="layui-col-md1 calendar-day has-event">
                                                <div class="calendar-day-header">16</div>
                                                <div class="calendar-event">教练培训</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">17</div>
                                            <div class="layui-col-md1 calendar-day today has-event">
                                                <div class="calendar-day-header">18</div>
                                                <div class="calendar-event">新教练入职</div>
                                                <div class="calendar-event">科目二考试</div>
                                            </div>
                                            
                                            <div class="layui-col-md1 calendar-day has-event">
                                                <div class="calendar-day-header">19</div>
                                                <div class="calendar-event">VIP学员班</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">20</div>
                                            <div class="layui-col-md1 calendar-day">21</div>
                                            <div class="layui-col-md1 calendar-day has-event">
                                                <div class="calendar-day-header">22</div>
                                                <div class="calendar-event">月度总结会</div>
                                            </div>
                                            <div class="layui-col-md1 calendar-day">23</div>
                                            <div class="layui-col-md1 calendar-day">24</div>
                                            <div class="layui-col-md1 calendar-day">25</div>
                                            
                                            <div class="layui-col-md1 calendar-day">26</div>
                                            <div class="layui-col-md1 calendar-day">27</div>
                                            <div class="layui-col-md1 calendar-day">28</div>
                                            <div class="layui-col-md1 calendar-day">29</div>
                                            <div class="layui-col-md1 calendar-day">30</div>
                                            <div class="layui-col-md1 calendar-day">31</div>
                                            <div class="layui-col-md1 calendar-day">1</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="layui-col-md4">
                                <div class="layui-card">
                                    <div class="card-header">
                                        <div>待办任务</div>
                                        <button class="layui-btn layui-btn-xs layui-btn-primary">
                                            <i class="layui-icon layui-icon-add-1"></i> 新增
                                        </button>
                                    </div>
                                    <div class="card-body">
                                        <div class="todo-item">
                                            <div class="todo-checkbox">
                                                <input type="checkbox" lay-skin="primary">
                                            </div>
                                            <div class="todo-content">
                                                <div class="todo-title">审核新学员资料</div>
                                                <div class="todo-time">今天 10:30</div>
                                            </div>
                                        </div>
                                        <div class="todo-item">
                                            <div class="todo-checkbox">
                                                <input type="checkbox" lay-skin="primary" checked>
                                            </div>
                                            <div class="todo-content">
                                                <div class="todo-title">安排科目二考试</div>
                                                <div class="todo-time">今天 14:00</div>
                                            </div>
                                        </div>
                                        <div class="todo-item">
                                            <div class="todo-checkbox">
                                                <input type="checkbox" lay-skin="primary">
                                            </div>
                                            <div class="todo-content">
                                                <div class="todo-title">处理学员退费申请</div>
                                                <div class="todo-time">明天 09:30</div>
                                            </div>
                                        </div>
                                        <div class="todo-item">
                                            <div class="todo-checkbox">
                                                <input type="checkbox" lay-skin="primary">
                                            </div>
                                            <div class="todo-content">
                                                <div class="todo-title">更新教练排班表</div>
                                                <div class="todo-time">明天 15:00</div>
                                            </div>
                                        </div>
                                        <div class="todo-item">
                                            <div class="todo-checkbox">
                                                <input type="checkbox" lay-skin="primary">
                                            </div>
                                            <div class="todo-content">
                                                <div class="todo-title">审核新教练入职</div>
                                                <div class="todo-time">5月20日 10:00</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 近期动态 -->
                            <div class="layui-col-md12">
                                <div class="layui-card">
                                    <div class="card-header">
                                        <div>近期动态</div>
                                        <a href="javascript:;" class="layui-btn layui-btn-xs layui-btn-primary">查看全部</a>
                                    </div>
                                    <div class="card-body">
                                        <div class="layui-timeline">
                                            <div class="layui-timeline-item">
                                                <i class="layui-icon layui-icon-ok-circle layui-timeline-axis"></i>
                                                <div class="layui-timeline-content layui-text">
                                                    <div class="layui-timeline-title">新增学员 <span class="layui-badge">成功</span></div>
                                                    <p>张三 - C1手动挡</p>
                                                    <p class="layui-text-muted">10分钟前</p>
                                                </div>
                                            </div>
                                            <div class="layui-timeline-item">
                                                <i class="layui-icon layui-icon-ok-circle layui-timeline-axis"></i>
                                                <div class="layui-timeline-content layui-text">
                                                    <div class="layui-timeline-title">更新课程安排 <span class="layui-badge">成功</span></div>
                                                    <p>科目二场地训练</p>
                                                    <p class="layui-text-muted">今天 14:25</p>
                                                </div>
                                            </div>
                                            <div class="layui-timeline-item">
                                                <i class="layui-icon layui-icon-ok-circle layui-timeline-axis"></i>
                                                <div class="layui-timeline-content layui-text">
                                                    <div class="layui-timeline-title">审核学员资料 <span class="layui-badge">成功</span></div>
                                                    <p>李四 - C2自动挡</p>
                                                    <p class="layui-text-muted">今天 10:30</p>
                                                </div>
                                            </div>
                                            <div class="layui-timeline-item">
                                                <i class="layui-icon layui-icon-close-circle layui-timeline-axis"></i>
                                                <div class="layui-timeline-content layui-text">
                                                    <div class="layui-timeline-title">删除学员 <span class="layui-badge layui-badge-danger">失败</span></div>
                                                    <p>王五 - C1手动挡</p>
                                                    <p class="layui-text-muted">昨天 18:15</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 底部信息 -->
        <div class="layui-footer">
            <div class="layui-container">
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <p>© 2025 蓝天驾校管理系统 版权所有</p>
                    </div>
                    <div class="layui-col-md6 text-right">
                        <p>版本号：v1.0.0</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>